دوره جامع تایپ‌اسکریپت ۲۰۲۴: آموزش کامل، ساخت پروژه و تسلط حرفه‌ای [ویدئویی] - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• پشتیبانی داخلی ویژوال استودیو کد از تایپ‌اسکریپت Visual Studio Code has built-in TypeScript support

• مرورگرها و سرورها فقط جاوااسکریپت را می‌فهمند Browsers and servers only understand JavaScript

• ترنسپایل کردن تایپ‌اسکریپت Transpiling TypeScript

• مرور کلی Recap

نصب و اجرای تایپ‌اسکریپت Installing & Running TypeScript

• مقدمه بخش Section intro

• دو روش استفاده از تایپ‌اسکریپت The 2 ways to use TypeScript

• استفاده از تایپ‌اسکریپت بدون کامپایلر رسمی (به صورت بومی در Node) Using TypeScript without the official compiler - natively in Node

• استفاده از تایپ‌اسکریپت بدون کامپایلر (به صورت بومی در مرورگر) Using TypeScript without the compiler, natively in the browser

• استفاده از تایپ‌اسکریپت بدون کامپایلر با استفاده از کتابخانه‌ها و رانرها Using TypeScript without the compiler, using libraries and runners

• سه روش برای نصب کامپایلر TSC Three ways to install the TSC compiler

• چرا Node برای اجرای TSC بسیار محبوب است؟ Why is Node so popular for executing the TSC

• کامپایل اولین فایل تایپ‌اسکریپت به جاوااسکریپت با استفاده از npm Compiling your first TypeScript file into JavaScript using npm

• استفاده TSC از متغیرهای PATH TSC uses your PATH variables

• درک تفاوت Batch Scripts و فایل اجرایی TSC Understanding batch scripts vs TSC executable

• پوشه‌های Bin و Lib در TSC TSC Bin and Lib folders

• خط Shebang و مسئله تخم و مرغ Shebang line and the chicken-egg problem

• خود-میزبانی و بوت‌استرپینگ TSC TSC self-hosting and bootstrapping

• ایجاد یک فایل اسکریپت برای پروژه Creating a script file for our project

فایل پیکربندی تایپ‌اسکریپت (TS Config) TypeScript config file

• افزودن فایل پیکربندی tsconfig Adding a TS config file

• به‌روز بودن تایپ‌اسکریپت با جدیدترین ویژگی‌های JS (ESNext) TypeScript does a good job of keeping up with latest JS features (ESNext)

• تنظیم ویژگی‌های outDir و rootDir Setting outDir and rootDir properties

• قابلیت باندل کردن فایل‌ها در تایپ‌اسکریپت TypeScript can bundle files

• ماژول‌ها Modules

• استفاده از فلگ watch Using the --watch flag

پروژه دوره تایپ‌اسکریپت TypeScript Course Project

• تایپ‌های ضمنی (Implicit) و صریح (Explicit) Implicit and Explicit Types

• مقدمه‌ای بر Type Alias و اینترفیس‌ها Intro to the Type alias and Interfaces

• تایپ‌های شرطی و جنریک‌ها (Generics) Conditional types and Generics

• برنامه‌نویسی کدهای خطا و تبدیل تایپ DOM Programming error codes, and DOM Type Casting

• افزودن Event Listenerها با تایپ‌های Event Adding event listeners with Event Types

• استفاده از ماژول‌های ES6 در تایپ‌اسکریپت Using ES6 modules in TypeScript

• اشیاء (اینترفیس‌ها و تایپ‌ها) و اصلاح‌کننده readonly Objects (Interfaces and Types), and the readonly access modifier

• تایپ Record در اشیاء Object Record Type

• Enumها (شمارش‌ها) Enums

• مقایسه اینترفیس‌ها در مقابل تایپ‌ها Interfaces vs Types

• تعریف تابع createBox و تعیین تایپ آرگومان‌های آن Define a createBox function and set its argument type

• استایل‌دهی و افزودن باکس به DOM Styling and adding the box to the DOM

• تولید رنگ تصادفی و تعریف تابع setColor Generate a random color and define a setColor function

• بازگرداندن ویژگی‌های عمومی در تابع createBox Return public properties in our createBox function

• ویژگی پیکربندی nounusedlocals nounusedlocals config property

• شروع تابع buildBox و اعتبارسنجی اولیه ورودی‌ها Start the buildBox function, and perform basic input validation

• پیاده‌سازی متد setTimeout و شروع شمارنده باکس Implement a setTimeout() method, and start the box counter

• آرایه‌ها و Tupleها Arrays and Tuples

• وارد کردن ماژول و ایجاد آرایه پویا با استفاده از values و filter Importing our module, and creating a dynamic array using values and filter

• استفاده از شیء global Math برای تولید اندازه تصادفی باکس Using the global Math object to generate a random box size (or bomb)

• تایم‌اوت: آیا می‌توان یک تایپ جنریک را گسترش داد؟ Timeout - can you extend a generic type?

• تایم‌اوت: رفع خطا در متد rgb() Timeout - fixing the error in the rgb() method

• وارد کردن تابع createBox، تولید باکس و افزودن آن به آرایه جهانی Import the createBox() function, generate a box, and add it to a global array

• تست کدها Testing our code

• استایل‌دهی به عناصر در صورت بازگشت BOMB Styling elements when a BOMB is returned

• اصلاحات نهایی پروژه و تست Final project amendments and testing

• استفاده از سینتکس Class برای تعریف تابع createBox Using the class syntax to define the createBox function

• به‌روزرسانی فایل منبع اصلی و تست کد کلاس Updating the main source file, and testing the class code

آینده تایپ‌اسکریپت The Future of TypeScript

• آینده تایپ‌اسکریپت The future of TypeScript

• استفاده از JSDocs و @ts-check JSDocs and //@ts-check

• آیا Svelte و Turbo 8 از تایپ‌اسکریپت پشتیبانی می‌کنند؟ Does Svelte and Turbo 8 support TypeScript

• پشتیبانی Drizzle از تایپ‌اسکریپت Drizzle support for TypeScript

• پیشنهاد جدید ECMAScript برای بررسی تایپ‌ها New ECMAScript proposal for type checking

بخش پایانی Outro

• بخش پایانی Outro